<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>供货商查询统计详情</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../resources/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../resources/css/style.css">
    <style>
        .details ul li {width: 50%;float: left;}
        .layui-table thead th{text-align: left;}
        thead tr th:before {content: "● "; color: #e3e3e3; font-size: 12px;}
        .layui-table td{text-indent: 1rem; font-size: 12px; color: #333;}
        .detailed{background-color: #FFF; font-size: 12px; color: #333333; padding: 15px 20px; line-height: 24px;margin-top: 15px;}
        /*.details ul,li{list-style: inherit;}*/
        .detailed p:after {
            content: "\0020";
            display: block;
            height: 0;
            clear: both;
        }
        .detailed p:before {content: "● "; color: #e3e3e3; font-size: 12px; margin-right: 5px; float: left;}
        .detailed .detaL{width: 120px;display: inline-block; float: left;    padding-right: 20px;}
        .detailed .dataR{display: inline-block;float: left;}
        .detailed p{margin-bottom: 10px;}
        .detailedfoot{margin-bottom: 50px;margin-top: 10px;}
        .detailedfoot ul li {width: 50%;float: left;}
        .layui-table thead th{text-align: left;}
        thead tr th:before {content: "● "; color: #e3e3e3; font-size: 12px;}
        .layui-table td{text-indent: 1rem; font-size: 12px; color: #333;}
        .detailedfoot{overflow: auto;}
        .detailedfoot .layui-table{width: 150%!important;}
        .detailedfoot{padding:0;}
        .detailedfoot table{margin: 15px 20px;}
    </style>
</head>
<body>
<form class="layui-form layui-form-pane" action="" >
    <button class="layui-btn" type="button" onclick="history.back(-1)"><i class="layui-icon"></i></button>

    <div class="engineering"><!--工程信息-->
        <div class="titles">郑州建材有限公司</div>
        <div class="details">
			<!--<ul>-->
                <!--<li><span class='detaL'>发货人：</span><span class="dataR"> 湖南路 </span></li>-->
                <!--<li><span class='detaL'>供应商地址：</span><span class="dataR"> 郑州建材大世界有限公司 </span></li>-->
                <!--<li><span class='detaL'>联系方式：</span><span class="dataR"> 15445454544 </span></li>-->
            <!--</ul>-->
        </div>
        <div class="detailedfoot">
            <table class="layui-table"><tr><td>供货单号</td><td>工程名称</td><td>施工单位</td><td>签收时间</td><td>供货地址</td><td>材料名称</td><td>材料数量</td> <td>计量单位</td><td>材料规格</td><td>材料单价</td><td>供货数量</td></tr></table>
        </div>
    </div>



</form>

<script src="../../../resources/layui/layui.js" charset="utf-8"></script>
<script src="../../../resources/js/style.js"></script>
<script src="../../../resources/js/api.js"></script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date1'      //开始时间
        });
        laydate.render({
            elem: '#date2'  //结束时间
        });
  ajaxs('/api/supply/suppTotald.do','post',{"type":"b",'remark':sessionStorage.ccuid,'p':getCookie('yanzheng')},           function (data) {                  //获取详情
            //console.log(data)
            var datas=data.data;
            $('.titles').text(datas[0].compName)
            $('.details').append('<ul>\n' +
                '                <li><span class=\'detaL\'>发货人：</span><span class="dataR"> '+datas[0].supCoName+' </span></li>\n' +
                '                <li><span class=\'detaL\'>供货地址：</span><span class="dataR"> '+datas[0].r_adr+' </span></li>\n' +
                '                <li><span class=\'detaL\'>联系方式：</span><span class="dataR"> '+datas[0].dmotel+' </span></li>\n' +
                '            </ul>');


            for(var i=0;i<data.data.length;i++){ $('.layui-table').append('<tr><td>'+datas[i].rm_Code+'</td><td>'+datas[i].proName+'</td><td>'+datas[i].compName1+'</td><td>'+datas[i].rm_Time+'</td><td>'+datas[i].r_adr+'</td><td>'+datas[i].mat_Name+'</td><td>'+datas[i].fin_Num+'</td><td>'+datas[i].mat_Bit+'</td><td>'+datas[i].mat_Spec+'</td><td>'+datas[i].old_Price+'</td><td>'+datas[i].rm_Num+'</td></tr>');
            }
      undPan();
		
})



    })

</script>
</body>
</html>